<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/style.css">
    <script crossorigin="anonymous" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js"></script>
    <link rel="stylesheet" href="./css/argu.css">
    <link rel="stylesheet" href="./css/page.css">
    <title>Document</title>
</head>

<body>
    <!-- admin下拉列表 -->
    <ul class="admin">
        <li>图片管理</li>
        <li>周边</li>
        <li>相关推荐</li>
    </ul>


    <section class="section">
        <p class="yourname">admin</p><img src="./imges/down.png"></span>
    </section>
    <div class="model">
        <section class="model-main">
            <div class="select">

            </div>

            <textarea name="" id="textadmin" cols="30" rows="10" placeholder="发布内容"></textarea>
            <button class="tijiao">发布</button>
            <button class="guanbi">关闭</button>
        </section>
    </div>
    <div class="all">
        <div class="top-nav"><span>FHL-Admin</span><img src="./imges/hanbao.png" alt="" class="hanbao"> <img src="./imges/ar.png" alt=""></div>
        <div class="left-nav">

            <ul class="abs">
                <li id="shouye"><img src="./imges/hed.png" alt=""> <span>首页</span></li>
                <li class="li"><img src="./imges/u1.png" alt=""> <span>用户管理</span> <img src="./imges/jian.png" alt="" class="img">
                    <ol class="li-o">
                        <li><img src="./imges/jiantou1.png" alt=""><span>用户管理列表</span> </li>
                    </ol>
                </li>
                <li class="li"><img src="./imges/manhua.png" alt=""> <span>漫画管理</span> <img src="./imges/jian.png" alt="" class="img">
                    <ol class="li-o">
                        <li><img src="./imges/jiantou1.png" alt=""><span id="zh">漫画管理列表</span> </li>
                        <li><img src="./imges/jiantou1.png" alt=""><span id="pers">漫画人物管理列表</span> </li>
                    </ol>
                </li>
                <li class="li color"> <img src="./imges/liuyan11.png" alt=""> <span>留言管理</span> <img src="./imges/jian.png" alt="" class="img">
                    <ol class="li-o">
                        <li><img src="./imges/jiantou1.png" alt=""><span>留言管理列表</span> </li>
                    </ol>
                </li>
                <li class="li"><img src="./imges/useraa.png" alt=""> <span>超级管理员</span> <img src="./imges/jian.png" alt="" class="img">
                    <ol class="li-o">
                        <li><img src="./imges/jiantou1.png" alt=""><span>超级管理员管理列表</span> </li>
                    </ol>
                </li>
                <li class="logout"><img src="./imges/tui.png" alt=""> <span>退出</span></li>
            </ul>
        </div>
        <div class="container">
            <div class="search-box">
                <input type="text" class="search-txt" placeholder="搜索名字">
                <a href="javascript:;" class="search-btn">
                    <img src="./imges/se.png" alt="">
                </a>

            </div><button class="look">添加</button>

            <div class="user">
                <h1><img src="./imges/liuyan.png" alt=""> 留言管理列表</h1>
                <table class="dda">
                    <tr>
                        <th>ID</th>
                        <th>内容</th>
                        <th>操作</th>
                        <!-- <span>ID</span>近期，台湾民意机构负责人游锡堃持续散布“台独”言论，鼓噪台湾“修宪”“修法”议题，企图从法理上实现“一边一国”，为未来的“台独制宪”提前打下伏笔。 　　对此，国台办发言人马晓光曾指出，游锡堃相关言论完全暴露出其甘当外部势力“棋子”、顽固推动“台独”的本性。“台独”分裂势力利令智昏，妄图押宝外部势力，与全体中华儿女和中华民族根本利益为敌，必将自食恶果。 　　游锡堃身为台湾地区民意机构的负责人，一不能代表渴望两岸和平发展的岛内民意，二不能为2300万台湾民众利益 -->
                    </tr>
                    <tr>
                        <td>ID</td>
                        <td>
                            近期，台湾民意机构负责人游锡堃持续散布“台独”言论，鼓噪台湾“修宪”“修法”议题，企图从法理上实现“一边一国”，为未来的“台独制宪”提前打下伏笔。 　　对此，国台办发言人马晓光曾指出，游锡堃相关言论完全暴露出其甘当外部势力“棋子”、顽固推动“台独”的本性。“台独”分裂势力利令智昏，妄图押宝外部势力，与全体中华儿女和中华民族根本利益为敌，必将自食恶果。 　　游锡堃身为台湾地区民意机构的负责人，一不能代表渴望两岸和平发展的岛内民意，二不能为2300万台湾民众利益
                        </td>
                        <td>
                            <button class="btn" name="delete" id="">修改</button>
                            <button class="btn up" name="g">通过</button>
                        </td>
                        <!-- <span>ID</span>近期，台湾民意机构负责人游锡堃持续散布“台独”言论，鼓噪台湾“修宪”“修法”议题，企图从法理上实现“一边一国”，为未来的“台独制宪”提前打下伏笔。 　　对此，国台办发言人马晓光曾指出，游锡堃相关言论完全暴露出其甘当外部势力“棋子”、顽固推动“台独”的本性。“台独”分裂势力利令智昏，妄图押宝外部势力，与全体中华儿女和中华民族根本利益为敌，必将自食恶果。 　　游锡堃身为台湾地区民意机构的负责人，一不能代表渴望两岸和平发展的岛内民意，二不能为2300万台湾民众利益 -->
                    </tr>
                </table>
                <div class="yeye">
                    <ul class="pagination">
                        <!-- <li class="material-icons page-btn page-btn-prev"><img src="./imges/箭头-左.png" alt=""></li>
                        <li class="page-number">1</li>
                        <li class="material-icons page-dot page-dot-prev">...</li>
                        <li class="page-number">5</li>
                        <li class="page-number active">3</li>
                        <li class="page-number">8</li>
                        <li class="material-icons page-dot page-dot-next">...</li>
                        <li class="page-number">10</li>
                        <li class="material-icons page-btn page-btn-next isclick"> <img src="./imges/箭头-右.png" alt=""></li> -->

                    </ul>
                </div>
            </div>


        </div>

    </div>
    <div class="boxx">
        <select name="" id="selectadmin">
               </select>
        <div id="div1">

            <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>

        </div>
        <div id="div2">
            <button id="butt1">提交</button>
            <button id="butt2">关闭</button>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script>

    <script src="./js/argu.js"></script>


</body>

</html>